$(function () {
    let page = 1
    function inde(type, state) {
        $.ajax({
            url: bignews.article_query,
            data: { page, perpage: 10, type, state },
            headers: { Authorization: localStorage.getItem('name') },
            success: function (src) {
                console.log(src);
                let html = template('nametemp', src.data)
                $('tbody').html(html)
                setPage(src.data.totalPage)
            }
        })
    }
    function setPage(total) {
        // bootstrapPaginator：插件的内置方法，可以生成分页结构并实现分页功能
        $('.pagination').bootstrapPaginator({
            //设置版本号
            bootstrapMajorVersion: 3,
            // 显示第几页
            currentPage: page,
            // 总页数
            totalPages: total,
            //当单击操作按钮的时候, 执行该函数, 调用ajax渲染页面
            onPageClicked: function (event, originalEvent, type, cpage) {
                // 把当前点击的页码赋值给currentPage, 调用ajax,渲染页面
                console.log(cpage)
                // page就是用户当前所单击的页码，也是用户需要获取数据的页码，我们需要做：
                // 1.重置全局的页码
                page = cpage
                // 2.让ajax根据重置后的页码获取数据进行渲染
                inde($('#selCategory').val(), $('#selStatus').val())
            }
        })
    }
    inde()
    $.ajax({
        url: bignews.category_list,
        data: {},
        headers: { Authorization: localStorage.getItem('name') },
        success: function (src) {
            console.log(src);
            let html = template('namatemp', src)
            $('#selCategory').html(html)
        }
    })
    $('.btn_sx').on('click', function () {
        page = 1
        let type = $('#selCategory').val() // 获取文章分类
        let state = $('#selStatus').val() // 获取文章状态
        inde(type, state)

    })
    let id = null
    $('tbody').on('click', '.delete', function () {
        id = $(this).data().id
        console.log($(this).data());
        $.ajax({
            url: bignews.article_delete,
            headers: { Authorization: localStorage.getItem('name') },
            type: 'post',
            data: { id },
            success: function (src) {
                if (window.confirm('确定删除吗')) return
                inde()
            }
        })
    })
})